<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Vue基础1</title>
</head>

<body>

    <div class="app" id="ccd">
        <p>这是第一行</p>
        <p>这是第二行</p>
    </div>
    <a href="http://www.baidu.com" target="_blank">baidu</a>
    <div id="app">
        <!--结构对象id-->
        {{message}}
        <!--两个大括号 插值表达式 关联结构-->
    </div>
    <!--开发环境版本-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- 生产环境版本，优化了尺寸和速度 -->
    <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
    <script>
        var app = new Vue({ //新建Vue对象
            el: "#app", //el属性指定id为app的元素
            data: { //数据属性
                message: "Hello ven" //数据对象
            }
        })
    </script>


</body>

</html>